<template>
    <div class="lookDetail">
        <table class="table">
            <tbody class="tbody">
                <tr v-for="(item,index) in props.data" :key="index" class="tr">
                    <td class="td">{{item.title}}</td>
                    <td class="td">
                        <div v-if="item.type === 1">{{ item.value }}</div>
                        <div v-if="item.type === 2">
                            <a-image-preview-group>
                                <a-image v-for="(demo,idx) in item.value" :width="100" :src="demo" :key="idx" />
                            </a-image-preview-group>
                        </div>
                        <div v-if="item.type === 3">
                            <a v-for="(demo,idx) in item.value" :key="idx" :href="demo.file" class="linkBtn" download target="_blank"><CloudDownloadOutlined style="margin-right: 6px" />下载附件</a>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</template>
<script setup>
import { CloudDownloadOutlined } from '@ant-design/icons-vue';
const props = defineProps(['data'])
console.log(props.data,'ata')
</script>
<style scoped lang="less">
@import './style.less';
</style>
